﻿@{
    ViewBag.Title = "Home Page";
}
<h2>@ViewBag.Message</h2>
<p>
    <div class="container">
        <div class="carousel slide" id="myCarousel">
            <div class="carousel-inner">
                @{
                    int i;
                    for (i = 0; i < 3; i++)
                    {
                        if (i == 0)
                        {
                         
                            <div class="item active">
                                <img src="../../img/image02.png" />
                                <div class="carousel-caption">
                                    <h4>
                                        Sức khỏe</h4>
                                    <p>
                                        Chúng tôi có hàng trăm thực đơn phù hợp cho bạn !</p>
                                </div>
                            </div>
                                
                        
                        
                        }
                        else
                        {
                            <div class="item">
                                <img src="../../img/image01.png" />
                                <div class="carousel-caption">
                                    <h4>
                                        Hạnh phúc</h4>
                                    <p>
                                        Hãy cùng chúng tôi tạo nên những bữa ăn gia đình đầm ấm!</p>
                                </div>
                            </div>
                        }
                        i++;
                    }                    
                }
            </div>
            <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a> <a data-slide="next"
                                                                                           href="#myCarousel" class="right carousel-control">›</a>
        </div>
    </div>
     <div id="middle-content-main">
            <div class="inside">
                <div id="slider">

                    <div id="mover">

                        <div id="slide-1" class="slide">
                            <h3>Chế độ ăn kiêng giảm 10-12 kg?</h3>
                            <p>Không gì là không thể</p>
                            <a href="/DietPlanning/dish.jsp"><img src="../../img/slide-1-image.png" alt="learn more" /></a>

                        </div>

                        <div class="slide">
                            <h3>Sinh tố dưa hấu:</h3>
                            <p>Thức uống lý tưởng khi ăn kiêng</p>
                            <a href="/DietPlanning/dish.jsp"><img src="../../img/sinhto.jpg" alt="learn more" /></a>
                        </div>
                        <div id="slide-1"class="slide">
                            <h4>Dinh dưỡng trong hoa quả sấy khô:</h4>
                            <p>Sẽ là sai lầm nếu bạn nghĩ hoa quả khô sẽ không giữ được chất dinh dưỡng và hương vị như hoa quả tươi.</p>
                            <a href="/DietPlanning/dish.jsp"><img src="../../img/209826_450.jpg" alt="learn more" /></a>
                        </div>
                    </div> <!-- end of mover -->

                </div> <!--End of div slider -->
            </div> <!-- end of div inside -->
        </div> <!-- end of middle content -->
        <div id="bottom-content-main">
            <div class="inside">
                <div class="inside-botton-content-main">
                    <h4>
                        <span class="botton-content-main-title"> Tin Mới</span>

                    </h4>
                    <p>
                        Tác dụng thần kỳ cuả sinh tố dưa hấu

                        Uống sinh tố là cách nhanh nhất để “nạp nguồn năng lượng” thơm ngon,
                        tươi mát cho cơ thể. Trong những hè, sẽ thật thiếu sót nếu bạn không
                        tận dụng nguồn trái cây phong phú để bổ sung chất dinh dưỡng cần thiết.
                        Tuy nhiên, một số loại sinh tố chứa rất nhiều calo bên cạnh lượng lớn
                        vitamin và vi chất có ích. Do đó, dưa hấu là lựa chọn không thể hợp lý
                        hơn nếu bạn muốn thưởng thức món sinh tố ngon tuyệt mà không phải lo
                        lắng về vấn đề cân nặng.

                        Dưa hấu chứa lượng calo và chất béo thấp một cách tự nhiên. Theo kiểm
                        nghiệm của Bộ Nông nghiệp Hoa Kỳ, 200g dưa hấu chỉ chứa 45 calo, 1 gam
                        Protein, 0.25 gam chất béo, 11.5 gam Hydrat Cacbon, 0.5 gam chất xơ và
                        9.5 gam đường, 170 gam nước. Dưa hấu rất ít năng lượng nhưng chứa nhiều
                        nước, giúp bạn nhanh no và no lâu hơn, hỗ trợ giảm cân hiệu quả.

                        Ngoài việc chứa nhiều khoáng chất và vitamin, dưa hấu còn có tác dụng
                        lớn trong việc giảm thiểu nguy cơ mắc bệnh ung thư, tim mạch, đột quỵ,
                        sỏi thận, loãng xương, mỡ máu và tiểu đường.
                    </p>
                    <img src="../../img/sinhto.jpg"/>

                    <!-- rss reader -->

                </div> <!-- end of div inside botton content main 1 -->
                <div class="inside-botton-content-main">
                    <h4>
                        <span class="botton-content-main-title">Giới Thiệu</span>

                    </h4>
                    <p>
                        Đảm bảo lượng chất đạm đang trở thành mối bận tâm của rất nhiều người
                        ăn kiêng. Dưới đây là danh sách các thực phẩm dồi dào chất đạm giành
                        cho người ăn kiêng:
                        </br>
                        1. Các loại đậu, đỗ </br>
                        2. Sữa </br>
                        3. Sữa chua </br>
                        4. Phô mai mềm </br>
                        5. Giá đỗ </br>
                        6. Các loại hạt
                    </p>

                </div> <!-- end of div inside botton content 2 -->


            </div> <!-- end of div inside -->
        </div> <!-- end of bottom content -->
</p>
